.button() {
  margin-left: 0.1rem;
  height: 0.32rem;
  width: 1.2rem;
  padding: 0 0 0 0.05rem;
  letter-spacing: 0.03rem;
  text-align: center !important;
}

.menu-manage-view {
  display: flex;
  width: 100%;
  height: 100%;
  background-color: #fff;

  .menu-manage-left {
    width: 40%;
    height: 100%;

    .menu-manage-left-top {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      width: 100%;
      height: 0.7rem;

      .add-button {
        .button()
      }
    }

    .menu-manage-left-bottom {
      margin-left: 0.1rem;
      width: calc(~"100% - 0.2rem");
      height: calc(~"100% - 0.8rem");

      .menuContent {
        height: 7rem;
      }
    }

  }

  .menu-manage-right {
    width: 60%;
    height: 100%;

    .menu-manage-right-top {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      width: 100%;
      height: 0.7rem;

      .add-child-button {
        .button()
      }

    }

    .menu-manage-right-bottom {
      margin-left: 0.1rem;
      width: calc(~"100% - 0.2rem");
      height: calc(~"100% - 0.8rem");
    }

  }

}

